---
title: Развертывание вашего сайта Astro
description: Как развернуть свой сайт Astro в Интернете.
i18nReady: true
---

import DeployGuidesNav from '~/components/DeployGuidesNav.astro';
import PackageManagerTabs from '~/components/tabs/PackageManagerTabs.astro';
import { Steps } from '@astrojs/starlight/components'

**Готовы ли вы собрать и развернуть свой сайт Astro?** Следуйте одному из наших руководств по развертыванию на различных сервисах или прокрутите страницу вниз, чтобы получить общие рекомендации по развертыванию сайта Astro.

## Руководства по развертыванию

<DeployGuidesNav />

## Варианты быстрого развертывания

Вы можете быстро собрать и развернуть сайт Astro на нескольких хостах, используя либо веб-интерфейс их панели управления, либо интерфейс командной строки (CLI).

### Веб-интерфейс

Быстрый способ развернуть ваш сайт - подключить онлайн-репозиторий Git вашего проекта Astro (например, GitHub, GitLab, Bitbucket) к провайдеру хостинга и воспользоваться преимуществами непрерывного развертывания с помощью Git.

Эти хост-платформы автоматически обнаруживают изменения в исходном репозитории вашего проекта Astro, создают версию сайта и развертывают ее в Интернете по настраиваемому URL или на вашем личном домене. Часто настройка развертывания на этих платформах состоит из следующих шагов:

<Steps>
1. Добавьте ваш репозиторий к онлайн-провайдеру Git (например, в GitHub, GitLab, Bitbucket).

2. Выберите хостинг-провайдера, поддерживающего **непрерывное развертывание** (например, [Netlify](/ru/guides/deploy/netlify/) или [Vercel](/ru/guides/deploy/vercel/)) и импортируйте ваш Git-репозиторий как новый сайт/проект.

    Многие распространенные хостинги распознают ваш проект как сайт Astro и должны выбрать соответствующие параметры конфигурации для создания и развертывания сайта, как показано ниже. (Если это не так, эти настройки можно изменить).

    :::note[Настройки развертывания]
    - **Команда сборки:** `astro build` или `npm run build`
    - **Директория публикации:** `dist`
    :::

3. Нажмите кнопку "Deploy", и ваш новый сайт будет создан по уникальному для данного хоста URL-адресу (например, `new-astro-site.netlify.app`).
</Steps>

Хостинг-провайдер будет автоматически настроен на отслеживание изменений в основной ветке вашего репозитория на Git-платформе, а также на перестройку и повторную публикацию вашего сайта при каждом новом коммите. Эти параметры обычно можно настроить в пользовательской панели хост-провайдера.

### Развертывание с помощью CLI

Некоторые хостинг-провайдеры имеют собственный интерфейс командной строки (CLI), который можно установить на свою машину с помощью npm. Часто использование CLI для развертывания выглядит примерно следующим образом:

<Steps>
1. Установите CLI вашего хостинг-провайдера глобально, например:

    <PackageManagerTabs>
        <Fragment slot="npm">
        ```shell
        npm install --global netlify-cli
        ```
        </Fragment>
        <Fragment slot="pnpm">
        ```shell
        pnpm add --global netlify-cli
        ```
        </Fragment>
        <Fragment slot="yarn">
        ```shell
        yarn global add netlify-cli
        ```
        </Fragment>
    </PackageManagerTabs>

2. Запустите CLI и следуйте всем инструкциям по авторизации, настройке и т. д.

3. Соберите ваш сайт и разверните его на хостинге.

    Многие распространенные хостинги автоматически распознают ваш проект как сайт, созданный с помощью Astro, и должны выбрать соответствующие настройки конфигурации для создания и развертывания вашего сайта, как показано ниже. (Если этого не происходит, настройки можно изменить.)

    :::note[Настройки развертывания]
    - **Команда сборки:** `astro build` или `npm run build`
    - **Директория публикации:** `dist`
    :::


    Другие хостинг-провайдеры могут потребовать от вас [сборки вашего сайта локально](#сборка-сайта-локально) и развертывания с помощью командной строки.
</Steps>

## Сборка сайта локально

Многие хостинг-провайдеры, такие как Netlify и Vercel, будут собирать ваш сайт за вас и затем публиковать результат на веб-сервере. Однако некоторые хостинги требуют от вас сначала локально собрать сайт, а затем запустить команду для развертывания или загрузить результат сборки.

Вы также можете захотеть собрать сайт локально, чтобы предварительно просмотреть его или выявить возможные ошибки и предупреждения в своем собственном окружении.

Запустите команду `npm run build` чтобы собрать ваш Astro сайт.


<PackageManagerTabs>
      <Fragment slot="npm">
      ```shell
      npm run build
      ```
      </Fragment>
      <Fragment slot="pnpm">
      ```shell
      pnpm run build
      ```
      </Fragment>
      <Fragment slot="yarn">
      ```shell
      yarn run build
      ```
      </Fragment>
</PackageManagerTabs>

По умолчанию результат сборки будет помещен в `dist/`. Это расположение можно изменить с помощью параметра конфигурации [`outDir`](/ru/reference/configuration-reference/#outdir).

## Добавление адаптера для SSR

:::note
Перед тем, как развернуть ваш сайт Astro с [SSR (серверным рендерингом)](/ru/guides/server-side-rendering/) убедитесь, что вы:

- Установили [соответствующий адаптер](/ru/guides/server-side-rendering/) в зависимости вашего проекта (вручную или с помощью команды `astro add`, например, `npx astro add netlify`).
- [Добавили адаптер](/ru/reference/configuration-reference/#integrations) в ваш файл `astro.config.mjs` в виде импорта и экспорта по умолчанию при установке вручную. (Команда `astro add` позаботится об этом шаге за вас!)
:::